<#if ctrl.render??>
    ${ctrl.render.code}
<#else>
<div class = "drtab">
    <tabs :animated='false' class='app-dr-tab' name='${ctrl.getCodeName()?lower_case}' @on-click="tabPanelClick.apply(_self, arguments)">
<#list ctrl.getRootItem().getAllItems() as dritem>
        <tab-pane <#if dritem_index == 0>v-if="isShowSlot"</#if> :index='${dritem_index?c}' name='${dritem.getId()?lower_case}' tab='${ctrl.getCodeName()?lower_case}' class='' :disabled='items[${dritem_index?c}].disabled'
        label='${dritem.text}'>
<#if dritem.getId()?lower_case == 'form'>
            <div class='main-data'>
                <slot></slot>
            </div>
<#else>
            <component
                v-if="Object.is(this.selection.id, '${dritem.getId()?lower_case}') && this.selection.view && !Object.is(this.selection.view.viewname, '')"
                :is="selection.view.viewname"
                class="viewcontainer2"
                :viewdata="JSON.stringify(selection.data)"
                :viewparam="JSON.stringify(selection.param)"
                :viewDefaultUsage="false"
                :key="this.$util.createUUID()">
            </component>
</#if>
        </tab-pane>
</#list>
    </tabs>
</div>
</#if>